<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="format-detection" content="email=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="renderer" content="webkit" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>[简历]李凤姣-web前端开发/北京</title>
  <link rel="shortcut icon" href="assets/images/me.jpg" type="image/x-icon" />
  <link rel="stylesheet" href="assets/css/typo.css" />
  <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
  <link rel="stylesheet" href="assets/css/index.css" />
</head>

<body>
  <header class="header"></header>

  <article class="container">
    <section class="side" id="side">
      <!-- 个人肖像 -->
      <section class="me">
        <section class="portrait">
          <!-- 头像照片 -->
          <img class="avatar" src="assets/images/me.jpg" style="display: block;" />
        </section>

        <h1 class="name">李凤姣</h1>
        <h4 class="info-job">Web前端开发 / 北京</h4>
      </section>

      <!-- 基本信息 -->
      <!-- <section class="profile info-unit">
        <h2><i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
        <hr />
        <ul>
          <li>
            <label>个人信息</label>
            <span>李凤姣 </span>
          </li>
          <li>
            <label>英语水平</label>
            <span>CET-6</span>
          </li>
        </ul>
      </section> -->

      <!-- 联系方式 -->
      <section class="contact info-unit">
        <h2><i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
        <hr />
        <ul>
          <li>
            <label>手机</label>
            <a href="tel:15039726001" target="_blank">150-3972-6001</a>
          </li>
          <li>
            <label>邮箱</label>
            <a href="mailto:fjiaolee@163.com" target="_blank">fjiaolee@163.com</a>
          </li>
          <li>
            <label>微信</label>
            <a href="https://gitee.com/jiaolee/gitImageBed/raw/master/resume/wxcode.png" target="_blank">15039726001</a>
          </li>
          <li>
            <label>Git</label>
            <a href="https://github.com/leefaith" target="_blank">https://github.com/leefaith</a>
          </li>
          <li>
            <label>Blog</label>
            <a href="https://leefaith.github.io/" target="_blank">https://leefaith.github.io/</a>
          </li>
          <li>
            <label>简历下载</label>
            <a href="https://gitee.com/jiaolee/myresume/raw/master/resume2020/Web%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91_%E6%9D%8E%E5%87%A4%E5%A7%A3.pdf"
              target="_blank">https://gitee.com/jiaolee</a>
          </li>
        </ul>
      </section>

      <!-- 技能点 -->
      <section class="skill info-unit">
        <h2><i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
        <hr />
        <ul>
          <p>
            <li>
              1.精通<em>HTML、CSS+DIV</em>布局，可使用<em>Bootstrap</em>实现响应式布局；
            </li>
            <li>
              2.熟悉<em>JavaScript和ES6</em>，熟悉<em>Less、Sass、Stylus的CSS预处理器</em>，可实现CSS代码优化；
            </li>
            <li>
              3.可使用<em>小程序</em>原生语言或<em>mpVue</em>框架进行小程序端开发；可使用<em>云存储和与云函数</em>对小程序服务端操作；
            </li>
            <li>
              4. 使用过<em>Vue.js (vuex/vue-router)
                、UI组件库（ElementUI、cube-ui、iView）</em>及其各种第三方Vue插件编写实现产品页面
            </li>

            <li>
              5. 可使用<em>Node.js+koa</em>实现服务器端基本操作
            </li>
            <li>
              6. 使用<em>Git</em>托管项目实现版本管理；了解HTTP、TCP/IP；熟悉常用跨域解决方案;
            </li>
          </p>
        </ul>
      </section>

      <!-- <section
          class="qrcode info-unit"
          style="text-align: center; margin-bottom: 0%;"
        >
          <h2><i class="fa fa-qrcode" aria-hidden="true"></i>简历微信二维码</h2>
          <hr />
          <img
            src=".\assets\images\ma.png"
            width="150px"
            height="150px"
            alt="图片"
          />
        </section> -->
    </section>

    <section class="main">
      <!-- 教育经历 -->
      <section class="edu info-unit">
        <h2>
          <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历
        </h2>
        <hr />
        <ul>
          <li>
            <h3>
              <span>郑州大学（211、双一流） - 计算机科学与技术（本科）</span>
              <time>2015.09 - 2019.07</time>
            </h3>
            <p>
              技能证书: 获得CET-6 \ CET-4证书
            </p>
            <p>
              2016、2017获得国家励志奖学金，2018年获优秀学生二等奖
            </p>
          </li>
        </ul>
      </section>


      <!-- 项目经验 -->
      <section class="project info-unit">
        <h2>
          <i class="fa fa-pencil-square" aria-hidden="true"></i>个人前端项目经验
        </h2>
        <hr />
        <ul>
          <!-- 燕之秀美甲美睫小程序 -->
          <li>
            <h3>
              <span>燕之秀美甲美睫小程序</span>
              <span class="link">
                <a href="https://gitee.com/jiaolee/yanzixiu/tree/master/yanzhixiu" target="_blank">源码</a>
              </span>
              <span class="link">
                <a href="https://gitee.com/jiaolee/gitImageBed/raw/master/resume/qrcode.jpg" target="_blank">预览</a>
              </span>
            </h3>
            <ul class="info-content">
              <li>技术栈：微信小程序原生语言+Vant Weapp+云函数+云存储</li>
              <li>
                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                这是一个专门方便用户对燕之秀美甲美睫店的服务预约+优秀作品图库的微信小程序
                <br />
                <i class="fa fa-bars" aria-hidden="true"></i>
                项目采用微信小程序原生语言进行开发
                <ul>
                  使用Vant Weapp组件库对小程序网页美化和布局
                </ul>
                <ul>
                  使用自定义组件化对图片浏览组件化和搜索的实现
                </ul>
                <ul>
                  使用云函数对小程序服务端的业务处理,节省服务端业务
                </ul>
                <ul>
                  使用云存储对小程序数据库的存储处理,便于数据库操作
                </ul>
              </li>
            </ul>
          </li>
          <!-- 燕之秀运营后台网站-->
          <li>
            <h3>
              <span>燕之秀运营后台网站</span>
              <span class="link">
                <a href="https://gitee.com/jiaolee/yanzixiu/tree/master/yanzhixiubankend" target="_blank">后台源码</a>

              </span>
              <span class="link">
                <a href="https://gitee.com/jiaolee/yanzixiu/tree/master/yanzhixiubankend-node" target="_blank">服务端源码</a>

              </span>
              <span class="link">
                <a href="http://123.57.167.136:9528" target="_blank">预览</a>
              </span>
            </h3>
            <ul class="info-content">
              <li>技术栈：Vue.js+Vue-router+ElementUI+Node.js+Koa2</li>
              <li>
                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                该项目是一个提供在线对该店铺数据展示和部分数据操作的网站
                <br />

                <i class="fa fa-bars" aria-hidden="true"> </i>
                该项目页面使用vue-admin-template基础版进行基础搭建
                <ul>
                  使用vue-router路由页面的跳转和创建子路由
                </ul>

                <ul>
                  使用ElementUI组件库对页面布局和优化
                </ul>
                <ul>
                  该项目服务器端使用Node.js和Koa2进行搭建
                </ul>
                <ul>
                  调用HTTP API调用云数据库实现数据展示,更新和删除
                </ul>
                <ul>
                  调用云存储下载文件展示轮播图和上传文件等功能
                </ul>
                <ul>
                  使用Koa2-cors解决跨域问题, 使用webpack实现打包上传服务器
                </ul>

              </li>
            </ul>
          </li>
          <!-- 燕之秀美甲美睫小程序 -->
          <li>
            <h3>
              <span>今天Todo</span>
              <span class="link">
                <a href="https://gitee.com/jiaolee/todo" target="_blank">源码</a>
              </span>
              <span class="link">
                <a href="http://123.57.167.136:8009/" target="_blank">预览</a>
              </span>
            </h3>
            <ul class="info-content">
              <li>技术栈：Vue.js+组件化设计</li>
              <li>
                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                这是一个为每日日程todo设计的网页
                <br />
                <i class="fa fa-bars" aria-hidden="true"></i>
                该项目用vue-cli创建初始化项目，组件化设计开发布局页面
                <ul>
                  主要使用Vuex操作，存储数据
                </ul>
                <ul>
                  使用vue-cli自带打包工具实现打包上传服务器
                </ul>

              </li>
            </ul>
          </li>
        </ul>
        </li>
        </ul>
      </section>

      <!-- 自我评价 -->
      <section class="work info-unit">
        <h2><i class="fa fa-pencil" aria-hidden="true"></i>自我评价</h2>
        <hr />
        <p>
          拥有良好的代码编写习惯、清晰的产品思维、
          良好的业务理解能⼒、沟通能⼒和团队协作能力。
        </p>
        <p>
          较强的⾃我驱动学习能⼒, 乐于钻研学习新技术, 时刻关注⾏业动态拓展视野
        </p>
        <!-- <p>
            <span class="mark-txt">“多静多思考，反省不张扬”</span
            >不好高骛远，点滴进步终会汇成大海。
          </p> -->
      </section>
    </section>
  </article>

  <footer class="footer">
    <p>© 2020 李凤姣.文档最后更新时间为 <time>2020年07月</time></p>
  </footer>

  <!-- 侧栏 -->
  <aside>
    <ul>

      <li>
        <a href="https://gitee.com/jiaolee/myresume" target="_blank">源代码</a>
      </li>
    </ul>
  </aside>

  <script src="./assets/js/index.js"></script>
</body>

</html>